import React from 'react'
import { Form, Input, Button, Radio, Select } from 'antd';
import { HeaderStyle } from './HeaderStyle';


export default function SMHeader() {
  return (
    <HeaderStyle>
      <p className="p_box">数据筛选</p>
      <div className="header_box">
        <div>
          <Form.Item label="输入查询">
            <Input placeholder="项目ID或项目名称" />
          </Form.Item>
        </div>
        <div id="area_box">
          <Form.Item label="适用地区">
            <Select>
              <Select.Option value="demo">Demo</Select.Option>
            </Select>
          </Form.Item>
          <Form.Item className="select_it1">
          <Select>
              <Select.Option value="demo">Demo</Select.Option>
            </Select>
          </Form.Item>
        </div>
        <div  className="select_it2">
          <Form.Item label="适用机构">
            <Select >
              <Select.Option value="demo">Demo</Select.Option>
            </Select>
          </Form.Item>
        </div>
        <div className="btn_box">
          <Button type="primary" className="btn1">查询</Button>
          <Button className="btn2">重置</Button>
        </div>
      </div>
    </HeaderStyle>
  )
}
